<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 页脚样式 -->
    <style>
        :root {
            --primary-color: #667eea;
            --secondary-color: #764ba2;
            --accent-color: #f093fb;
            --text-dark: #2d3748;
            --text-light: #718096;
            --bg-light: #f7fafc;
        }

        .footer {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 60px 0 20px;
            margin-top: auto;
        }

        .footer h5 {
            font-weight: 700;
            margin-bottom: 20px;
            color: white;
        }

        .footer ul {
            list-style: none;
            padding: 0;
        }

        .footer ul li {
            margin-bottom: 10px;
        }

        .footer ul li a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .footer ul li a:hover {
            color: white;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            margin-top: 40px;
            padding-top: 20px;
            text-align: center;
            color: rgba(255, 255, 255, 0.8);
        }

        .social-links {
            display: flex;
            gap: 15px;
            justify-content: center;
            margin-bottom: 20px;
        }

        .social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 50%;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .social-links a:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateY(-2px);
        }
    </style>
</head>
<body>
    <!-- 页脚组件 -->
    <footer class="footer" th:fragment="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <h5>关于AI超级面试官平台</h5>
                    <p class="mb-3">AI超级面试官平台致力于为求职者提供最优质的职业发展服务，通过AI技术助力每个人找到理想工作。</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                        <a href="#"><i class="fab fa-github"></i></a>
                    </div>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4">
                    <h5>求职服务</h5>
                    <ul>
                        <li><a href="/job/search">职位搜索</a></li>
                        <li><a href="/chat">AI智能助手</a></li>
                        <li><a href="/career">职业规划</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4">
                    <h5>企业服务</h5>
                    <ul>
                        <li><a href="/employer/post">发布职位</a></li>
                        <li><a href="/employer/manage">管理招聘</a></li>
                        <li><a href="/employer/talent">人才库</a></li>
                        <li><a href="/employer/vip">企业VIP</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4">
                    <h5>帮助中心</h5>
                    <ul>
                        <li><a href="/help/faq">常见问题</a></li>
                        <li><a href="/help/guide">使用指南</a></li>
                        <li><a href="/help/contact">联系我们</a></li>
                        <li><a href="/help/feedback">意见反馈</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-2 col-md-6 mb-4">
                    <h5>法律条款</h5>
                    <ul>
                        <li><a href="/legal/terms">服务条款</a></li>
                        <li><a href="/legal/privacy">隐私政策</a></li>
                        <li><a href="/legal/cookie">Cookie政策</a></li>
                        <li><a href="/legal/disclaimer">免责声明</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2025 AI超级面试官平台. 保留所有权利. | 
                   <a href="/legal/icp" style="color: rgba(255, 255, 255, 0.8);">ICP备案号</a> | 
                   <a href="/legal/business" style="color: rgba(255, 255, 255, 0.8);">营业执照</a>
                </p>
            </div>
        </div>
    </footer>
</body>
</html> 